<script setup>
import {http} from "src/utils/http.js";
import bus from "../../utils/eventBus"
import {conf} from "src/utils/serverHost.js";

let prop = defineProps(['msg'])

</script>

<template>
    <div class="answer-me">
        <div class="answer-icon">
            <img src="../../assets/images/panda.png" alt="">
        </div>
        <div class="me-ques">
            <span v-if="!prop.msg.text?.length">思考中...</span>
            <span v-else v-html="prop.msg.text"></span>
        </div>
    </div>
</template>

<style scoped lang="scss">
.answer-me{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    .answer-icon{
        width: 30px;
        height: 30px;
        position: relative;
        top:5px;
        img{
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
    }
    .me-ques{
        width: calc(100% - 35px);
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        margin-left: 10px;
        letter-spacing: 2px;
    }
}
</style>
